<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="XCloud XCloud.show-简约方便的在线存储网站,支持桌面(浏览器)、移动端(APP)随存随取"/>
    <meta name="keywords" content="XCloud,xcloud,网络存储,云存储,在线存储,网盘,云盘,文件服务,后端开发"/>
    <title>XCloud</title>
    <link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico">
    <link type="text/css" rel="stylesheet" href="/css/framework/bootstrap/css/bootstrap.min.css">
    <link type="text/css" rel="stylesheet" href="/css/home.css">
    <link type="text/css" rel="stylesheet" href="/css/search.css">
    <link type="text/css" rel="stylesheet" href="/css/framework/bootstrap-fileinput/css/fileinput.min.css">
    <link type="text/css" rel="stylesheet" href="/css/framework/toastr/toastr.min.css">
    <link type="text/css" rel="stylesheet" href="/css/framework/select/dist/css/bootstrap-select.min.css">
    <link type="text/css" rel="stylesheet" href="/css/toast.css">
    <script type="text/javascript" src="/js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="/js/echarts.min.js"></script>
    <script type="text/javascript" src="/js/my_echarts_style.js"></script>
    <script type="text/javascript" src="/css/framework/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/css/framework/select/dist/js/bootstrap-select.min.js"></script>
    <script type="text/javascript" src="/css/framework/toastr/toastr.min.js"></script>
    <script type="text/javascript" src="/js/home.js"></script>
    <script type="text/javascript" src="/js/md5.js"></script>
    <script type="text/javascript" src="/css/framework/bootstrap-fileinput/js/fileinput.min.js"></script>
    <script type="text/javascript" src="/css/framework/bootstrap-fileinput/js/fileinput_locale_zh.js"></script>
    <script type="text/javascript" src="/js/clipboard.min.js"></script>
    <script type="text/javascript" src="/js/vue.js"></script>
    <style>
        .space_row {
            height: 25px;
        }
        input[type='text'], textarea, input[type='password'] {
            outline: none;
        }
        .btn:focus,
        .btn:active:focus {
            outline: none;
            border-color: transparent;
            box-shadow:none;
        }
    </style>
</head>
<body>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">XCloud网盘 免责声明</h4>
            </div>
            <div class="modal-body">
                <h5>XCloud网盘（以下简称"XCloud"）为作者zf233开发的一款在线存储应用。</h5>
                <h5>用户在接受XCloud服务之前，请务必仔细阅读本条款并同意本声明。</h5>
                <p>用户直接或通过各类方式直接或间接使用XCloud所提供的服务和数据的行为，都将被视作已无条件接受本声明所涉全部内容；若用户对本声明的任何条款有异议，请停止使用XCloud所提供的全部服务。</p>
                <p>用户须明白，本服务仅依其当前所呈现的状况提供，XCloud服务涉及到互联网及移动通讯等服务，可能会受到各个环节不稳定因素的影响。因此服务可能存在因黑客攻击，电脑病毒的侵入，非法内容信息、骚扰信息的屏蔽，政府管制以及其他任何互联网络、GSM网络、通信线路、信息安全管理措施等原因造成的服务中断、受阻等等造成的服务中断或不能满足用户要求的风险。使用XCloud的用户须承担以上风险，XCloud对服务之及时性、安全性、准确性不作担保，对因此导致用户不能发送和接受阅读消息、或信息传输错误，个人设定失败、上传内容未予储存或其他问题不承担任何责任。</p>
                <p>如XCloud的系统发生故障影响到所提供服务的正常运行，XCloud承诺在第一时间内与相关单位配合，及时处理进行修复。但用户因此而产生的经济损失，XCloud不承担责任。此外，XCloud保留不经事先通知为维修保养、升级或其他目的暂停本服务任何部分的权利。</p>
                <p>XCloud在此郑重提请您注意，任何经由本服务以上载式传送的第三方软件，游戏（以下简称"内容"），无论系公开还是私下传送，均由内容提供者承担责任。XCloud无法控制经由本服务传送之内容，也无法对用户的使用行为进行全面控制，因此不保证内容的合法性、正确性、完整性、真实性或品质；您已预知使用本服务时，可能会接触到令人不快、不适当或令人厌恶之内容，并同意将自行加以判断并承担所有风险，而不依赖于XCloud。但在任何情况下，XCloud有权依法停止传输任何前述内容并采取相应行动，包括但不限于暂停用户使用本服务的全部或部分，保存有关记录，并向有关机关报告。XCloud有权(但无义务)依其自行之考量，拒绝和删除可经由本服务提供之违反本条款的或其他引起XCloud或其他用户反感的任何内容。</p>
                <p>您应该对使用XCloud的结果自行承担风险。XCloud不做任何形式的保证（包括但不限于）：不保证您手机及计算机数据不丢失，不保证原手机功能正常使用或不被改变，不保证自行安装第三方软件的安全性、正确性、合法性。因前述不可抗力或第三方软件等任何原因而导致您手机不能正常使用，XCloud不承担任何法律责任。</p>
                <p>XCloud尊重并保护所有使用XCloud用户的个人隐私权，您注册的用户名、电子邮件地址、手机号码等个人资料，非经您亲自许可或根据相关法律、法规的强制性规定，XCloud不会主动向第三方披露。</p>
                <p>任何单位或个人若认为XCloud所提供内容可能存在侵犯第三人著作权的情形，应该及时向作者提出书面权利通知，并提供身份证明、权属证明及详细侵权情况证明。作者将遵循"版权保护投诉指引"处理该信息内容。</p>
                <br>
                <p>
                    <a href="/admin/agreement">点击获取 XCloud 网盘用户协议书</a>
                </p>
                <h5>联系邮箱：13784570379@163.com</h5>
            </div>
            <div class="modal-footer">
                <button id="acceptAgree" type="button" class="btn btn-primary"><span id="acceptAgreeSpan">同意</span></button>
                <button id="noAcceptAgree" type="button" class="btn btn-default">拒绝并注销账户</button>
            </div>
        </div>
    </div>
</div>
<button id="openUserDetailButton" type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#userInfoModal" style="display:none;"></button>
<div class="modal fade" id="userInfoModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">个人中心</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-xs-4">
                        <div class="row" style="text-align: center;padding: 20px 0 0 0">
                            <img id="user_input_head" class="img-circle" style="cursor:pointer;height: 180px;width: 180px;overflow: hidden">
                        </div>
                        <div class="row" style="text-align: center;height: 40px;padding-top: 10px">
                            <span id="user_input_displayName" style="font-size: 19px;font-weight: 450;overflow: hidden"></span>
                        </div>
                    </div>
                    <div class="col-xs-4" style="font-size: 15px;">
                        <h5 style="font-size: 16px;">详情</h5>
                        <div>
                            <span style="width:50px;display:inline-block;">昵称:</span>
                            <input id="user_input_nickname" type="text" style="width: 160px;text-align: center;font-size: 14px;"/>
                            <a id="updateInfo_a_nickname" href="javascript:void(0)" style="text-decoration:none;margin-left: 10px;color: rgb(76, 127, 181)">修改</a>
                        </div>
                        <div style="margin-top: 7px">
                            <div>
                                <span style="width:50px;display:inline-block;">邮箱:</span>
                                <input id="user_input_email" type="text" style="width: 160px;text-align: center;font-size: 14px;"/>
                                <a id="updateInfo_a_email" href="javascript:void(0)" style="text-decoration:none;margin-left: 10px;color: rgb(76, 127, 181)">重设</a>
                            </div>
                            <div style="margin-top: 3px">
                                <span style="width:50px;display:inline-block;"></span>
                                <input id="user_input_email_code" type="text" placeholder="验证码" style="width: 160px;text-align: center;font-size: 14px;"/>
                                <a id="rebind_a_email" href="javascript:void(0)" style="text-decoration:none;margin-left: 10px;color: rgb(76, 127, 181)">提交</a>
                            </div>
                        </div>
                        <div style="margin-top: 7px">
                            <div>
                                <span style="width:50px;display:inline-block;">手机:</span>
                                <input id="user_input_phone" type="text" style="width: 160px;text-align: center;font-size: 14px;"/>
                                <a id="updateInfo_a_phone" href="javascript:void(0)" style="text-decoration:none;margin-left: 10px;color: rgb(76, 127, 181)">重设</a>
                            </div>
                            <div style="margin-top: 3px">
                                <span style="width:50px;display:inline-block;"></span>
                                <input id="user_input_phone_code" type="text" placeholder="验证码" style="width: 160px;text-align: center;font-size: 14px;"/>
                                <a id="rebind_a_phone" href="javascript:void(0)" style="text-decoration:none;margin-left: 10px;color: rgb(76, 127, 181)">提交</a>
                            </div>
                        </div>
                        <div style="margin-top: 7px">
                            <div>
                                <span style="width:50px;display:inline-block;">密码:</span>
                                <input id="user_input_password" type="password" style="width: 160px;text-align: center;font-size: 14px;"/>
                            </div>
                            <div style="margin-top: 3px">
                                <span style="width:50px;display:inline-block;"></span>
                                <input id="user_input_password_double" type="password" style="width: 160px;text-align: center;font-size: 14px;"/>
                                <a id="updateInfo_a_password"  href="javascript:void(0)" style="text-decoration:none;margin-left: 10px;color: rgb(76, 127, 181)">修改</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-4" style="font-size: 15px">
                        <h5 style="font-size: 16px">其他</h5>
                        <div style="margin-top: 1px"><span style="width:80px;display:inline-block;">UID:</span><span id="user_input_uid" style="font-size: 14px"></span></div>
                        <div style="margin-top: 4px"><span style="width:80px;display:inline-block;">角色:</span><span id="user_input_role" style="font-size: 14px"></span></div>
                        <div style="margin-top: 4px"><span style="width:80px;display:inline-block;">等级:</span><span id="user_input_level" style="font-size: 14px"></span></div>
                        <div style="margin-top: 4px"><span style="width:80px;display:inline-block;">成长值:</span><span id="user_input_growthValue" style="font-size: 14px"></span></div>
                        <div style="margin-top: 4px"><span style="width:80px;display:inline-block;">分享次数:</span><span id="user_input_shareNumber" style="font-size: 14px"></span></div>
                        <div style="margin-top: 4px"><span style="width:80px;display:inline-block;">下载流量:</span><span id="user_input_flow" style="font-size: 14px"></span></div>
                        <div style="margin-top: 4px"><span style="width:80px;display:inline-block;">网盘容量:</span><span id="user_input_capacity" style="font-size: 14px"></span></div>
                        <div style="margin-top: 4px"><span style="width:80px;display:inline-block;">注册时间:</span><span id="user_input_registerTime" style="font-size: 14px"></span></div>
                    </div>
                </div>
                <div style="height: 1px;border-top: 1px solid rgb(229, 229, 229);margin-top: 15px;margin-bottom: 5px"></div>
                <div class="row">
                    <div class="col-xs-12" style="font-size: 15px">
                        <h5 style="font-size: 16px">意见反馈</h5>
                        <div>
                            <span style="width:50px;display:inline-block;">联系:</span>
                            <input id="contact" type="text" style="width: 160px;text-align: left;font-size: 14px;"/>
                        </div>
                        <div style="margin-top: 3px;">
                            <span style="width:50px;display:inline-block;vertical-align: top;">内容:</span>
                            <textarea id="content" rows="3" style="text-align: left;font-size: 14px;width: 87%;resize: none;"></textarea>
                            <a id="submit_feedback"  href="javascript:void(0)" style="position:absolute;bottom:2px;text-decoration:none;margin-left: 10px;color: rgb(76, 127, 181)">提交</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <!--<button id="applyForLogout" type="button" class="btn btn-danger">申请注销</button>-->
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function () {
        $("#myModal").on('hide.bs.modal', function (e) {
            return false;// or your methods
        });
    })
</script>
<div class="modal fade" id="modal_chart" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">用量分布</h4>
            </div>
            <div class="modal-body">
                <div id="charts" style="width: 900px;height:460px;text-align: center;margin-left: -20px"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="upload_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">上传</h4>
            </div>
            <div class="modal-body" style="text-align: right">
                <div>
                    <form id="form" action="/file/upload" method="post" enctype="multipart/form-data">
                        <input id="asy_bs_upload" type="file" multiple class="file-loading" name="myFile">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<button id="show_file_info_modal" data-toggle="modal" data-target="#file_info_modal" style="display: none"></button>
<div class="modal fade" id="file_info_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">文件详情</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-xs-4" style="text-align: center">
                        <img id="update_file_icon" src="/img/xcloud_front/file_type/folder.png" style="height: 130px; width: 130px"/>
                    </div>
                    <div class="col-xs-8" style="font-size: 14px">
                        <div style="margin-top: 10px"><span style="width:25%;display:inline-block;font-size: 15px;font-weight: 400">名称:</span><input type="text" id="update_name_span" style="width: 70%"></div>
                        <div style="margin-top: 10px"><span style="width:25%;display:inline-block;font-size: 15px;font-weight: 400">类型:</span><span id="update_type_span"></span></div>
                        <div style="margin-top: 10px"><span style="width:25%;display:inline-block;font-size: 15px;font-weight: 400">大小:</span><span id="update_size_span"></span></div>
                        <div style="margin-top: 10px"><span style="width:25%;display:inline-block;font-size: 15px;font-weight: 400">上传时间:</span><span id="update_time_span"></span></div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button id="update_detail_submit" type="button" class="btn btn-info">提交修改</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="file_operation_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">其他操作</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-xs-7">
                        <div>
                            <table id="move_form_table" class="table table-condensed table-hover">
                                <thead>
                                <tr>
                                    <td>
                                        文件夹名
                                    </td>
                                    <td>
                                        创建日期
                                    </td>
                                </tr>
                                </thead>
                                <tbody style="max-height: 165px">
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="col-xs-5" style="border-bottom: 1px solid rgb(229, 229, 229)">
                        <div class="row">
                            <div class="col-xs-12" style="text-align: center;">
                                <img id="archive_qr_img" class="img-polaroid" src="/img/share_default.png" height="140px" style="max-width: 180px; overflow: hidden" title="点击以选择二维码">
                            </div>
                            <div class="col-xs-12" style="margin-top: 5px">
                                <!--<button class="btn" id="show_share_qr" style="width: 100%">选择分享二维码</button>-->
                                <input id="choice_share_ar" type="file" name="headPhoto" style="display: none;" accept="image/*">
                            </div>
                            <div class="col-xs-12" style="margin-top: 5px">
                                <input id="archive_share_url" type="text" placeholder="分享链接" style="width: 100%"/>
                            </div>
                            <div class="col-xs-12" style="margin-top: 8px;margin-bottom: 10px">
                                <label class="radio-inline" style="float:left;">
                                    <input id="share_type_1" type="radio" name="archive_type" style="height: 12px;" checked>链接转存
                                </label>
                                <label class="radio-inline" style="float:right;">
                                    <input id="share_type_0" type="radio" name="archive_type" style="height: 12px;">二维码转存
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12" style="height: 21px">
                        <ul id="move_file_absolutePath" class="breadcrumb" style="text-align: left;background-color: white">
                            <li>
                                <a id="move_form_open_absolutePath_home" href="javascript:void(0)">
                                    <span class="glyphicon glyphicon-home" style=" font-size: 14px;color: rgb(117, 191, 219);"></span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <div class="navbar-header" style="float: right">
                    <ul class="nav navbar-nav">
                        <li>
                            <div class="btn-group">
                                <button id="move_button" class="btn btn-info">移动至此</button>
                                <button id="copy_button" class="btn btn-info">复制至此</button>
                                <button id="archive" class="btn btn-info">转存至此</button>
                            </div>
                        </li>
                        <li>
                            <button type="button" class="btn btn-default" data-dismiss="modal" style="margin-left: 10px">关闭</button>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<button id="show_file_share_modal" data-toggle="modal" data-target="#file_share_modal" style="display: none"></button>
<div class="modal fade" id="file_share_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 id="share_file_name_h" class="modal-title">文件分享</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-xs-4">
                        <div class="row">
                            <div class="col-xs-12" style="text-align: center">
                                <img id="share_qr_img" class="img-polaroid" src="/img/share_default.png" style="height: 130px;max-width: 150px;overflow: hidden" alt="文件分享二维码">
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-7" style="font-size: 14px">
                        <div class="row">
                            <div style="margin-top: 13px">
                                <span style="width:22%;display:inline-block;font-size: 15px;font-weight: 400">有效期:</span>
                                <label class="radio-inline" style="margin-bottom: 5px">
                                    <input id="timeout3" type="radio" name="sex" style="height: 12px;" checked>3天有效
                                </label>
                                <label class="radio-inline" style="margin-left: 115px;margin-bottom: 5px">
                                    <input id="timeout7" type="radio" name="sex" style="height: 12px;">7天有效
                                </label>
                            </div>
                            <div style="margin-top: 15px">
                                <span style="width:22%;display:inline-block;font-size: 15px;font-weight: 400">分享链接:</span>
                                <span>
                                    <input style="width: 75%" id="share_link_input" type="text" placeholder="分享链接" readonly/>
                                </span>
                            </div>
                            <div style="margin-top: 15px">
                                <span style="width:22%;display:inline-block;font-size: 15px;font-weight: 400">操作:</span>
                                <span>
                                    <button class="btn" id="create_share_qr">生成分享二维码</button>
                                    <button class="btn" id="create_share_link" style="margin-left: 22px">生成分享链接</button>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-1"></div>
                </div>
            </div>
            <div class="modal-footer">
                <button id="copy_content" class="btn btn-info" data-clipboard-target="#share_link_input">复制链接</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<button id="show_share_info_modal" data-toggle="modal" data-target="#share_info_modal" style="display: none"></button>
<div class="modal fade" id="share_info_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 id="share_info_file_name_h" class="modal-title">查看分享</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="row">
                            <div class="col-xs-12" style="text-align: center">
                                <img id="share_info_qr_img" class="img-polaroid" src="/img/share_default.png" style="height: 150px;max-width: 170px;overflow: hidden" alt="文件分享二维码">
                                <input style="width: 80%;margin-top: 5px" id="share_info_link_input" type="text" readonly placeholder="分享链接"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button id="copy_share_info_content" class="btn btn-info" data-clipboard-target="#share_info_link_input">复制链接</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function () {
        $("#update_user_head_menu").click(function () {
            $("#update_user_head").click();
        })
    })
</script>
<script type="text/javascript">
    function chart(data) {
        var chartDom = document.getElementById('charts');
        var myChart = echarts.init(chartDom, 'westeros');
        var option;
        option = {
            title: {
                text: '您的XCloud网盘用量分布',
                subtext: '用量分布（单位：MB）非实时',
                left: 'center'
            },
            grid: {
                left: '3%',   //图表距边框的距离
                right: '3%',
                bottom: '3%',
                containLabel: true
            },
            tooltip: {
                trigger: 'item',
                formatter: '{a} <br/>{b} : {c} ({d}%)'
            },
            legend: {
                left: 'center',
                top: 'bottom',
                data: ['音乐', '图片', '文档', '视频', '未知', '废纸篓', '剩余']
            },
            series: [
                {
                    name: '用量分布-半径',
                    type: 'pie',
                    radius: [20, 140],
                    center: ['25%', '50%'],
                    roseType: 'radius',
                    itemStyle: {
                        borderRadius: 5
                    },
                    label: {
                        show: false
                    },
                    emphasis: {
                        label: {
                            show: true
                        }
                    },
                    data: [
                        {value: data.music, name: '音乐'},
                        {value: data.photo, name: '图片'},
                        {value: data.txt, name: '文档'},
                        {value: data.video, name: '视频'},
                        {value: data.unknown, name: '未知'},
                        {value: data.recycle, name: '废纸篓'},
                        {value: data.free, name: '剩余'},
                    ]
                },
                {
                    name: '用量分布-面积',
                    type: 'pie',
                    radius: [20, 140],
                    center: ['75%', '50%'],
                    roseType: 'area',
                    itemStyle: {
                        borderRadius: 5
                    },
                    data: [
                        {value: data.music, name: '音乐'},
                        {value: data.photo, name: '图片'},
                        {value: data.txt, name: '文档'},
                        {value: data.video, name: '视频'},
                        {value: data.unknown, name: '未知'},
                        {value: data.recycle, name: '废纸篓'},
                        {value: data.free, name: '剩余'},
                    ]
                }
            ]
        };
        option && myChart.setOption(option);
    }
</script>
<div class="bgimg">
    <div id="head_title" class="row">
        <div class="navbar navbar-custom col-xs-12" style="height: 30px;">
            <div class="navbar-header">
                <a class="navbar-brand" href="/user/jump/home">
                    <span class="navbar-logo">
                        <img src="/img/logo.png" style="height: 40px;">
                        <img src="/img/logo2.png" style="height: 30px;">
                    </span>
                </a>
            </div>
            <div class="collapse navbar-collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li id="show_user_head_menu" style="margin-top: 7px;margin-right: 5px;">
                            <div class="btn-group">
                                <a id="show_user_menu" class="btn dropdown-toggle" data-toggle="dropdown" href="javascript:void(0)" style="border: none !important;box-shadow: none !important;">
                                    <img id="user_head" class="img-circle" style="height: 35px; width: 35px;">
                                </a>
                                <ul class="dropdown-menu" style="min-width:100px;text-align: center">
                                    <li style="height: 30px">
                                        <a href="javascript:void(0)">
                                            <span id="displayName_span" style="color: rgb(70,70,70);font-size: 15px;font-weight: 450">用户名</span>
                                        </a>
                                    </li>
                                    <li>
                                        <div style="height: 1px; border-top: 1px solid rgb(229, 229, 229)"></div>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)">
                                            <span id="level_span" style="color: rgb(197, 143, 73)">等级</span>
                                        </a>
                                    </li>
                                    <li style="height: 30px">
                                        <a href="javascript:void(0)">
                                            <span id="update_user_head_menu" style="color: rgb(70,70,70);">更换头像</span>
                                        </a>
                                    </li>
                                    <li style="height: 30px">
                                        <a href="javascript:void(0)">
                                            <span id="open_user_info_model" style="color: rgb(70,70,70);">个人中心</span>
                                        </a>
                                    </li>
                                    <li id="admin_consul" style="height: 30px">
                                        <a href="/admin" target="_blank">
                                            <span style="color: rgb(70,70,70);">控制中心</span>
                                        </a>
                                    </li>
                                    <li style="height: 3px">
                                        <div style="height: 1px; border-top: 1px solid rgb(229, 229, 229)"></div>
                                    </li>
                                    <li>
                                        <a href="/user/quit">
                                            <span style="color: rgb(70,70,70);">退出登录</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                    </li>
                    <li style="display: none">
                        <input id="update_user_head" type="file" name="headPhoto">
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12" style="height: 2px; border-top: 1px rgb(228, 226, 226) solid;"></div>
    </div>
    <div class="row center_detail">
        <div class="col-xs-2 col-lg-2 center_detail" style="border-right: 1px rgb(228, 226, 226) solid;border-bottom: 1px rgb(228, 226, 226) solid;">
            <div class="col-md-offset-3 col-lg-offset-2 col-xl-offset-2" style="position: absolute;left: 50%;margin-left: -50px;width: 130px;">
                <ul class="nav nav-stacked" style="width: 130px; text-align: center;font-size: 16px; font-weight: 445">
                    <li class="space_row"></li>
                    <li class="space_row" style="height: 10px"></li>
                    <li id="all" class="active left_menu" style="background-color: rgb(245, 245, 245)">
                        <a value="-1" class="list_files" href="javascript:void(0)" style="font-size: 17px;font-weight: 440">全部文件</a>
                    </li>
                    <li class="space_row" style="height: 20px"></li>
                    <li id="photo" class="left_menu">
                        <a id="2" href="javascript:void(0)" class="list_file_classify">
                            <span class="glyphicon glyphicon-picture" style="color: rgb(126, 135, 141); font-size: 15px;"></span>&nbsp;&nbsp;图片
                        </a>
                    </li>
                    <li class="space_row" style="height: 20px"></li>
                    <li id="music" class="left_menu">
                        <a id="4" href="javascript:void(0)" class="list_file_classify">
                            <span class="glyphicon glyphicon-music" style="color: rgb(126, 135, 141); font-size: 15px;"></span>&nbsp;&nbsp;音乐
                        </a>
                    </li>
                    <li class="space_row" style="height: 20px"></li>
                    <li id="video" class="left_menu">
                        <a id="3" href="javascript:void(0)" class="list_file_classify">
                            <span class="glyphicon glyphicon-film" style="color: rgb(126, 135, 141); font-size: 15px;"></span>&nbsp;&nbsp;视频
                        </a>
                    </li>
                    <li class="space_row" style="height: 20px"></li>
                    <li id="txt" class="left_menu">
                        <a id="1" href="javascript:void(0)" class="list_file_classify">
                            <span class="glyphicon glyphicon-book" style="color: rgb(126, 135, 141); font-size: 15px;"></span>&nbsp;&nbsp;文档
                        </a>
                    </li>
                    <li class="space_row" style="height: 20px"></li>
                    <li id="other" class="left_menu">
                        <a id="-1" href="javascript:void(0)" class="list_file_classify">
                            <span id="aaa" class="glyphicon glyphicon-question-sign" style="color: rgb(126, 135, 141); font-size: 15px;"></span>&nbsp;&nbsp;其他
                        </a>
                    </li>
                    <li class="space_row" style="height: 20px"></li>
                    <li id="recycle" class="left_menu">
                        <a href="javascript:void(0)">
                            <span class="glyphicon glyphicon-trash" id="list_recycle" style="color: rgb(126, 135, 141); font-size: 15px;"></span>&nbsp;&nbsp;废纸
                        </a>
                    </li>
                    <li class="space_row" style="height: 20px"></li>
                    <li id="share" class="left_menu">
                        <a href="javascript:void(0)">
                            <span class="glyphicon glyphicon-link" id="list_share" style="color: rgb(126, 135, 141); font-size: 15px;"></span>&nbsp;&nbsp;分享
                        </a>
                    </li>
                </ul>
            </div>
            <div id="show_char" class="col-md-offset-3 col-lg-offset-4 col-xl-offset-2" style="cursor:pointer;position: absolute;bottom: 10px;position: absolute;left: 50%;margin-left: -50px;width: 130px;">
                <div style="text-align: center;font-size: 10px">
                    <div>
                        <img src="/img/cloud_hdd2.png" style="height: 20px; width: 20px;">
                        <span>
                             <progress id="progress" style="width: 130px;"></progress>
                        </span>
                    </div>
                    <div>
                        <span id="useCapacity_span" style="float: left;width: 60px;text-align: left;">3</span><span>/</span><span id="capacity_span" style="float: right;width: 60px;text-align: right">10</span>
                    </div>
                    <div>
                        <span style="float: left;width: 60px;text-align: left">Flow : </span><span id="freeDownloadCountSpan" style="color: rgb(43, 152, 241);float: right;width: 60px;text-align: right">20</span>
                    </div>
                </div>
            </div>
            <script type="text/javascript">
                $(function () {
                    $("#show_char").click(function () {
                        $.ajax({
                            async: true,
                            data: {
                                agree: 0
                            },
                            dataType: "json",
                            url: "/user/chart",
                            traditional: true,
                            success: function (data) {
                                if (data.status == 200) {
                                    toastr.options = {
                                        "positionClass": "toast-top-title-center",
                                    };
                                    toastr.info(data.msg);
                                    $('#modal_chart').modal('show')
                                    chart(data.data)
                                } else {
                                    toastr.options = {
                                        "positionClass": "toast-top-title-center",
                                    };
                                    toastr.error(data.msg);
                                }
                            },
                            error: function () {
                                toastr.options = {
                                    "positionClass": "toast-top-title-center",
                                };
                                toastr.error("获取网盘分类图标参数失败");
                            },
                            type: "post"
                        })
                    })
                })
            </script>
        </div>
        <div class="col-xs-10 col-lg-10 center_detail" style="border-bottom: 1px rgb(228, 226, 226) solid;">
            <div id="menu_div">
                <div class="row" style="height: 5px;"></div>
                <div class="row">
                    <nav class="navbar navbar-btn">
                        <div id="default_menu" class="container" style="width: 95%">
                            <div class="navbar-header">
                                <ul class="nav navbar-nav" style="margin-right: 20px">
                                    <li>
                                        <button id="open_asy_upload_file" class="btn btn-primary" data-toggle="modal" data-target="#upload_modal">
                                            <span class="glyphicon glyphicon-cloud-upload" style="color: white; font-size: 14px;"></span>
                                            <span style="color: white">上传</span>
                                        </button>
                                    </li>
                                </ul>
                                <ul class="nav navbar-nav" style="margin-right: 20px">
                                    <li>
                                        <div class="btn-group">
                                            <button id="downloadSelectAll" class="btn btn-default" type="button">
                                                <span class="glyphicon glyphicon-cloud-download" style="color: rgb(117, 191, 219); font-size: 14px;"></span>
                                                <span style="color: rgb(70,70,70);">下载</span>
                                            </button>
                                            <button id="addFolderButton" class="btn btn-default" type="button">
                                                <span class="glyphicon glyphicon-plus" style="color: rgb(117, 191, 219); font-size: 14px;"></span>
                                                <span style="color: rgb(70,70,70);">新建</span>
                                            </button>
                                            <button class="btn btn-default" type="button" data-toggle="modal" data-target="#file_operation_modal">
                                                <span class="glyphicon glyphicon-list" style="color: rgb(117, 191, 219); font-size: 14px;"></span>
                                                <span style="color: rgb(70,70,70);">其他</span>
                                            </button>
                                            <div class="btn-group">
                                                <button id="deleteSelectAll" class="btn btn-default" type="button">
                                                    <span class="glyphicon glyphicon-remove" style="color: rgb(117, 191, 219); font-size: 14px;"></span>
                                                    <span style="color: rgb(70,70,70);">彻底移除</span>
                                                </button>
                                                <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">
                                                    <span class="caret"></span>
                                                </a>
                                                <ul class="dropdown-menu" style="min-width:100px" >
                                                    <li>
                                                        <a id="recycleSelectAll" href="javascript:void(0)">
                                                            <span class="glyphicon glyphicon-trash" style="color: rgb(117, 191, 219); font-size: 14px;"></span>
                                                            <span style="color: rgb(70,70,70);">移至废纸篓</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                                <ul class="nav navbar-nav" style="margin-right: 20px">
                                    <li>
                                        <select id="sort_type" class="selectpicker" data-width="70px">
                                            <option value="3" style="color: rgb(70,70,70)">时间
                                            </option>
                                            <option value="0" style="color: rgb(70,70,70)">名称
                                            </option>
                                            <option value="2" style="color: rgb(70,70,70)">大小
                                            </option>
                                        </select>
                                    </li>
                                </ul>
                            </div>
                            <div id="navbar" class="navbar-collapse collapse">
                                <div class="nav navbar-right">
                                    <div class="search">
                                        <input id="matchCode" type="text" class="search-txt" placeholder="search">
                                        <a id="fuzzySelect" class="search-btn">
                                            <i class="fas fa-search">
                                                <img src="/img/xcloud_search.png" width="20px" height="20px">
                                            </i>
                                        </a>
                                    </div>
                                    <script type="text/javascript">
                                        $("#matchCode").keydown(function (event) {
                                            if(event.keyCode == 13) {
                                                $("#fuzzySelect").click();
                                            }
                                        })
                                    </script>
                                    <!--<input type="text" name="matchCode" id="matchCode" style="height: 25px"/>
                                    <button id="fuzzySelect" class="btn btn-link" style="margin-left: -5px;color: rgb(70,70,70)">搜索
                                    </button>-->
                                </div>
                            </div>
                        </div>
                        <div id="recycle_menu" class="container" style="width: 95%; display: none;margin-bottom: 10px">
                            <div class="navbar-header">
                                <ul class="nav navbar-nav" style="margin-right: 20px">
                                    <li>
                                        <button id="flushRecycle" class="btn btn-primary" type="button">
                                            <span class="glyphicon glyphicon-refresh" style="color: white; font-size: 14px;"></span>
                                            <span style="color: white">清倒</span>
                                        </button>
                                    </li>
                                </ul>
                                <ul class="nav navbar-nav" style="margin-right: 20px">
                                    <li>
                                        <div class="btn-group">
                                            <button id="restore" class="btn btn-default" type="button">
                                                <span class="glyphicon glyphicon-repeat" style="color: rgb(117, 191, 219);"></span>
                                                <span style="color: rgb(70,70,70);">放回</span>
                                            </button>
                                            <button id="delete" class="btn btn-default" type="button">
                                                <span class="glyphicon glyphicon-remove" style="color: rgb(117, 191, 219); font-size: 14px;"></span>
                                                <span style="color: rgb(70,70,70);">彻底移除</span>
                                            </button>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="navbar-collapse collapse">
                                <div class="nav navbar-right">
                                    <button class="btn disabled">
                                        <span class="glyphicon glyphicon-time" style="color: rgb(90,186,224); font-size: 14px;"></span>
                                        <span style="color: rgb(0,0,0);">废纸篓文件30天内有效</span>
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div id="share_menu" class="container" style="width: 95%; display: none;margin-bottom: 10px">
                            <div class="navbar-header">
                                <ul class="nav navbar-nav" style="margin-right: 20px">
                                    <li>
                                        <button id="remove_select_share" class="btn btn-primary" type="button">
                                            <span class="glyphicon glyphicon-remove" style="color: white; font-size: 14px;"></span>
                                            <span style="color: white">移除分享</span>
                                        </button>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </nav>
                </div>
                <div id="absolutePath_div" class="row">
                    <div class="container" style="width: 95%">
                        <ul id="absolutePath_li" class="breadcrumb">
                            <li>
                                <a value="-1" class="list_files" href="javascript:void(0)">
                                    <span class="glyphicon glyphicon-home" style=" font-size: 14px;color: rgb(117, 191, 219);"></span>
                                </a>
                            </li>
                            <li class="divider" v-for="(item,index) in absolutePath">
                                <a style="text-decoration:none;" :value="item.parentid"
                                   @click="open_folder(item.parentid)"
                                   :style="index == absolutePath.length -1 ? 'color:rgb(185,185,185)' : ''"
                                   href="javascript:void(0)">
                                    <span v-text="item.folderName"></span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row" style="margin-top: -8px">
                <div class="container" style="width: 95%">
                    <table id="file_table" class="table table-hover">
                        <thead class="table_head" style="color: rgb(55,55,55)">
                        <tr style="background-color: rgb(245, 245, 245);font-size: 15px; font-weight: 445">
                            <td colspan="2">
                                <input id="selectAll" type="checkbox" style="float: left; margin-left: 8px">
                                <span id="choice_total" style="font-size: 8px; float: left; margin-left: 5px; margin-top: 2px; margin-right: -100px; display: none">
                                    已选中<span id="choice_number">10</span>个
                                </span>
                                <span style="font-size: 14px">文件名</span>
                            </td>
                            <td>
                                <span style="font-size: 14px">大小</span>
                            </td>
                            <td colspan="2">
                                <span style="font-size: 14px">上传时间</span>
                            </td>
                            <td style="width: 9%">
                                <!--<span class="glyphicon glyphicon-cog" style="color: rgb(117, 131, 186);"></span>-->
                            </td>
                        </tr>
                        </thead>
                        <tbody>
                        <tr v-for="item in files">
                            <td style="text-align: left; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;" colspan="2">
                                <input type="checkbox" :class="getClassCheckBox(item.folder)" :id="item.id" :value="item.id" @click="choice_tatal()" style="margin-left: 8px;">
                                <span style="margin-left: 12px; margin-right: 10px;">
                                    <img :src="item.logoUrl" style="width: 23px; margin-top: -5px;cursor:pointer" @click="getEvent(item.folder, item.id, item.fileName)">
                                </span>
                                <a href="javascript:void(0);" :class="getClassA(item.folder)" @click="getEvent(item.folder, item.id, item.fileName)">
                                    <span v-html="item.highLightFileName != null ? item.highLightFileName : item.fileName"></span>
                                </a>
                            </td>
                            <td>
                                <span v-text="item.fileSize"></span>
                            </td>
                            <td colspan="2">
                                <span v-text="item.uploadTime"></span>
                            </td>
                            <td style="width: 9%">
                                <a href="javascript:void(0);" @click="update(item.id)">
                                    <img src="/img/info.png" height="15px" width="15px">
                                    <!--<svg t="1619954287646" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                         xmlns="http://www.w3.org/2000/svg" p-id="2023" width="17px" height="17px">
                                        <path d="M512 960A448 448 0 1 1 512 64a448 448 0 0 1 0 896zM512 153.6a358.4 358.4 0 1 0 0 716.8A358.4 358.4 0 0 0 512 153.6z m0 627.2a44.8 44.8 0 0 1-44.8-44.8V422.4a44.8 44.8 0 1 1 89.6 0v313.6a44.8 44.8 0 0 1-44.8 44.8z m0-448a44.8 44.8 0 1 1-0.064-89.536A44.8 44.8 0 0 1 512 332.8z"
                                              p-id="2024" fill="#7583BA"></path>
                                    </svg>-->
                                </a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <table id="share_table" class="table table-hover" style="display: none">
                        <thead class="table_head" style="color: rgb(55,55,55)">
                        <tr style="background-color: rgb(245, 245, 245);font-size: 15px; font-weight: 445">
                            <td colspan="2">
                                <input id="select_all_share" type="checkbox" style="float: left; margin-left: 8px">
                                <span id="choice_total_share" style="font-size: 8px; float: left; margin-left: 5px; margin-top: 2px; margin-right: -100px; display: none">
                                    已选中<span id="choice_number_share">10</span>个
                                </span>
                                <span style="font-size: 14px">文件名</span>
                            </td>
                            <td colspan="2">
                                二维码有效期
                            </td>
                            <td colspan="2">
                                链接有效期
                            </td>
                            <td>
                                延长有效期
                            </td>
                        </tr>
                        </thead>
                        <tbody>
                        <tr v-for="item in shares">
                            <td style="text-align: left; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;" colspan="2">
                                <input type="checkbox" :class="getClass()" :id="item.id" :value="item.id" @click="choice_tatal_share()" style="margin-left: 8px;">
                                <span style="margin-left: 12px; margin-right: 10px;">
                                    <img src="/img/xcloud_front/file_type/share02.png" style="width: 25px; margin-top: -5px;cursor:pointer" @click="showShareInfo(item.fileId)">
                                </span>
                                <a href="javascript:void(0);">
                                    <span v-text="item.fileName" @click="showShareInfo(item.fileId)"></span>
                                </a>
                            </td>
                            <td colspan="2">
                                <span v-text="item.qrTimeout"></span>
                            </td>
                            <td colspan="2">
                                <span v-text="item.linkTimeout"></span>
                            </td>
                            <td>
                                <a v-if="item.qrLinkStatus != 0" href="javascript:void(0);" @click="addTimeout(item.id, 0)">二维码➕3天</a>
                                <a v-if="item.shareLinkStatus != 0" href="javascript:void(0);" @click="addTimeout(item.id, 1)">链接➕3天</a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <footer id="foot_title" class="footer navbar-fixed-bottom">
            <div class="row" style="text-align:center;font-size: 10px;height: 20px;color: black;margin-top: -3px">
                <div style="text-align: center">
                    <span style="float: left">
                        <div style="width: 200px">
                            <span style="color: white">占位</span>
                        </div>
                    </span>
                    <span>
                        Copyright &copy;&nbsp;XCloud&nbsp;2021&nbsp;All Rights Reserved·<a href="https://beian.miit.gov.cn/" style="text-decoration: none">冀ICP备20013542号-3</a>
                    </span>
                    <span style="float: right;">
                        <div class="slide-box" id="slideBox">
                            <div class="slide-box-inner">
                                <div class="slide-content" id="slideContent">
                                    <a href="javascript:void(0)" style="width: 200px"></a>
                                    <a id="toast_content" href="javascript:void(0)" class="box1"></a>
                                    <a href="javascript:void(0)" style="margin-left: 100px"></a>
                                    <a id="toast_content2" href="javascript:void(0)" class="box1"></a>
                                </div>
                                <!-- 双胞胎兄弟 -->
                                <div class="slide-copy" id="slideCopy">
                                </div>
                            </div>
                        </div>
                        <script type="text/javascript" src="/js/toast_home.js"></script>
                    </span>
                </div>
            </div>
    </footer>
</div>
</body>
</html>